var wzda = document.querySelector('.wzda');
var wzdabottom = document.querySelector('.wzdabottom');

wzda.onmouseover = function () {
    wzdabottom.style = "display:block;";
}
wzda.onmouseout = function () {
    wzdabottom.style = "display:none;";
}
var title = document.querySelector('.title')
var fixedli4 = document.querySelector('.fixed ul li:nth-child(4)');
// if (body.clientY > 1000) {
//     fixedli4.style = "display:block;";
// }
// console.log(title.scrollTop)
console.log(window.document.body.offsetHeight)
// console.log(document.body.scrollTop)
console.log(document.body.scrollTop)
document.body.onscroll = function () {
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    // console.log(scrollTop);
    // fixedli4.onclick=function(){
    //     scrollTop=0
    // }
    if (scrollTop > 230) {
        fixedli4.style.display = "block";
    } else {
        fixedli4.style.display = "none";
    }
}

var close = document.querySelector('.close');
var QRcode = document.querySelector('.QRcode')
close.onclick = function () {
    QRcode.style = "display:none;";
}
var picture = document.querySelector('.left img');
var lefttitle = document.querySelector('.left .lefttitle');
var residue = document.querySelector('.left .residue');


var li4 = document.querySelector('.fixed ul li:nth-child(4)');
li4.onclick = function () {
    // console.log(this)
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    // console.log(scrollTop);
  
    if (scrollTop > 230) {
        document.getElementById('title').scrollIntoView()
    }
  
}